/*------------------------------------------------------*/
/*- Basic elements                                     -*/
/*------------------------------------------------------*/

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
}

#contentBlock, #headerBlock, .menuRightSide, .popup {
    font-size: 12pt;
}

img {
    border-width: 0px;
    vertical-align: bottom;
}

body a {
    color: #2177C7;
    /* text-decoration: none; */
}

body a:visited {
    color: #2177C7;
}

body a:hover {
    text-decoration: underline;
    color: #4197D7;
}

.adminTemplate a, .orgTemplate a, .receptionTemplate a {
    color: #000080;
    /* text-decoration: none; */
}

.adminTemplate a:visited, .orgTemplate a:visited, .receptionTemplate a:visited {
    color: #000080;
}

hr {
    height: 1px;
    border-width: 0px;
    border-top: 1px solid silver;
}

fieldset {
    border-color: silver;
    border-width: 1px;
}

legend {
    font-size: small;
    padding-left: 4px;
    padding-right: 4px;
}
textarea {
    height: 5em;
    width: 30em;
}
input[type="text"] {
    width: 18em;
}
input[type="file"] {
    width: 18em;
}

button img, a img {
    vertical-align: bottom;
    margin-right: 5px;
}

h1 {
    font-size: 160%;
}
h2 {
    padding: 4px 0 4px 8px;
    background-image: url('../images/h2-bg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size:100%;
}
h3 {
    padding: 4px 0 4px 8px;
    background-image: url('../images/h3-bg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size:80%;
}

h4 {
    margin: 0.6em 0 0.4em 0;
    font-size: small;
}

.collapsableBlockHeader {
    cursor: default;
}
.collapsableBlockHeader img {
    vertical-align: middle;
    margin-right: 3px;
}

select > option {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}

acronym {
    border-bottom: 1px dotted silver;
    cursor: help;
}

p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

li {
    margin-top: 0.2em;
}

label > input, label > select {
    margin-left: 0.5em;
}

label > input[type="radio"] {
    margin-left: 0;
    margin-right: 0.4em;
}

table caption {
    font-size: small;
}

.header {
    border-bottom: 1px solid silver;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 16px;
}
.header h1 {
    margin: 8px 0 8px 0;
}
.header .description {

}

.listTable {
    border-spacing: 0px;
    margin-bottom: 8px;
    font-size: small;
}
.listTable thead td {
    border-right-width: 0;
    border-left-width: 0;
}
.listTable th {
    border-bottom: 1px solid #898471;
    border-right: 1px solid #898471;
    border-left: 1px solid white;
    text-align: center;
    padding: 2px 4px 2px 4px;
    white-space: nowrap;
    background-color: #e9e6d5;
    background-image: url('../images/th-bg.png');
    background-repeat: repeat-x;
    font-weight: normal;
    font-size: small;
    cursor: default;
}
.listTable th:first-child {
    border-left: 1px solid #898471;
}
.listTable th img { /* 'sorted by' arrow */
    vertical-align: middle;
    margin-right: 3px;
}
.listTable td {
    border: 1px solid #acac77;
    border-width: 0px 1px 1px 0px;
    padding: 2px 4px 2px 4px;
    text-align: center;
    white-space: nowrap;
}
.listTable td:first-child {
    text-align: left;
    border-left-width: 1px;
}
.firstRight > tbody > tr > td:first-child {
    text-align: right;
}
.listTable td.textRight {
    text-align: right;
}
.listTable td.textLeft {
    text-align: left;
}


.formTable > tbody > tr > th {
    font-weight: normal;
    text-align: right;
}
.formTable > tbody > tr > th > label:after {
    content: ':';
}
.formTable > tbody > tr > th+td {
    /*
    This is here for forms where some of the rows may be toggled.
    If the longest rows gets toggled, the layout of the other rows changes.
    The longest row is usually selectMany field, which is 24em long.
    */
    min-width: 24em;
}
.formTable button[type="submit"] {
    margin-top: 8px;
}

#loginBlock {
    display: inline-block;
    vertical-align: top;
    margin-left: 24px;
}
#loginBlock .formTable th+td {
    min-width: 0;
}
#loginBlock ul {
    margin-bottom: 2em;
}

#wizardButtonsBlock .formTable button {
    margin: 0;
}

.displayTable {
}
.displayTable > thead > tr > th {
    text-align: center;
    font-weight: normal;
}
.displayTable > tbody > tr > th {
    text-align: right;
    font-weight: normal;
    color: #707070;
}
.displayTable > tbody > tr > th:after {
    content: ':';
}
.displayTable ul {
    margin: 0;
    font-size: small;
    padding-left: 20px;
    list-style-type: circle;
}

.displayPartTable > tbody > tr > td {
    vertical-align: bottom;
}
.displayPartTable .displayTable {
    margin-right: 40px;
}

.messages {
    border-bottom: 1px solid silver;
    background-color: #F8F8F0;
    background-image: url('../images/messages-bg.png');
    background-repeat: repeat-x;
    margin-bottom: 1em;
}
.debugMessages {
    list-style-image: url('../images/msg-debug.png');
}
.infoMessages {
    list-style-image: url('../images/msg-info.png');
}
.warningMessages {
    list-style-image: url('../images/msg-warning.png');
}
.errorMessages {
    list-style-image: url('../images/msg-error.png');
}

.deleteButton {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('../images/delete.png');
}
.editButton {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('../images/edit.png');
}

.commandListFlow {
	background-image: url('../images/commandListFlow-bg.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 8px;
}
.commandListFlow .commandList {
	float: left;
	margin: 0 0 12px 3em;
}
.commandListFlow .commandList:first-child {
	margin-left: 0;
}
.commandList {
    font-size: small;
}
.commandList .firstOfNextGroup {
	margin-top: 8px;
}
.commandList > .deleteLi {
    list-style-image: url('../images/delete.png');
}
.commandList > .editLi {
    list-style-image: url('../images/edit.png');
}
.commandList > .addLi {
    list-style-image: url('../images/add.png');
}
.commandList > .searchCommand {
    list-style-image: url('../images/action/search.png');
}
.commandList > .exportToExcel {
    list-style-image: url('../images/action/exportToExcel.png');
}
.commandList > .assignAccomodation {
    list-style-image: url('../images/action/assignAccomodation.png');
}
.commandList > .changeNightCount {
    list-style-image: url('../images/action/changeNightCount.png');
}
.commandList > .changeCourseFee {
    list-style-image: url('../images/action/changeCourseFee.png');
}
.commandList > .paymentCommand {
    list-style-image: url('../images/action/payment.png');
}
.commandList > .suCommand {
    list-style-image: url('../images/action/userSubstitution.png');
}
.commandList > .registrationsLi {
    list-style-image: url('../images/action/registrations.png');
}
.commandList > .registrations2Li {
    list-style-image: url('../images/action/registrations2.png');
}
.commandList > .billCommand {
    list-style-image: url('../images/action/billCommand.png');
}
.commandList > .passwordCommand {
    list-style-image: url('../images/action/password.png');
}
.commandList > .accountCommand {
    list-style-image: url('../images/action/account.png');
}
.commandList > .mergeDuplicatesCommand {
    list-style-image: url('../images/action/mergeDuplicates.png');
}
.commandList > .emailCommand {
    list-style-image: url('../images/action/emailCommand.png');
}
.commandList > .telephoneCommand {
    list-style-image: url('../images/action/telephoneAction.png');
}
.commandList > .listCommand {
    list-style-image: url('../images/action/listCommand.png');
}
.commandList > .overviewCommand {
    list-style-image: url('../images/action/overviewCommand.png');
}
.commandList > .emailExportCommand {
    list-style-image: url('../images/action/emailExportCommand.png');
}
.commandList > .exportToExcel {
    list-style-image: url('../images/action/excel.png');
}
.commandList > .cancelCommand {
    list-style-image: url('../images/action/cancel.png');
}
.commandList > .applyCommand {
    list-style-image: url('../images/action/apply.png');
}
.commandList > .goCommand {
    list-style-image: url('../images/action/go.png');
}
.commandList > .activateAction {
    list-style-image: url('../images/action/activate.png');
}
.commandList > .changeOrderAction {
    list-style-image: url('../images/action/changeOrder.png');
}
.commandList > .disableAction {
    list-style-image: url('../images/action/disable.png');
}
.commandList > .enableAction {
    list-style-image: url('../images/action/enable.png');
}
.commandList > .lockAction {
    list-style-image: url('../images/action/lock.png');
}
.commandList > .translateAction {
    list-style-image: url('../images/action/translate.png');
}
.commandList > .policeAction {
	list-style-image: url('../images/action/police.png');
}
.commandList > .villageAction {
	list-style-image: url('../images/action/village.png');
}
.commandList > .karmayogaAction {
	list-style-image: url('../images/action/karmayoga.png');
}
.commandList > .forgottenPasswordAction {
	list-style-image: url('../images/action/forgottenPassword.png');
}
.commandList > .receptionDeskAction {
	list-style-image: url('../images/action/desk.png');
}
.commandList > .closeAction {
	list-style-image: url('../images/action/close.png');
}
.commandList > .unlockAction {
	list-style-image: url('../images/action/unlock.png');
}

.commandList > li > a {
    position: relative;
    top: -2px;
}
.commandList > li li {
    list-style-image: none;
    list-style-type: square;
}

li.locked {
    list-style-image: url('../images/action/lock.png');
}
li.incorrectItem {
	list-style-image: url('../images/action/incorrect.png');
}
li.correctItem {
	list-style-image: url('../images/action/correct.png');
}

.identifyingValue {
    /* font-weight: bold; */
    font-style: italic;
}

.fieldGroup {
    height: 12px;
}
.labeledFieldGroup {
    height: 20px;
    min-width: 500px;
    background-image: url('../images/fieldseparator.png');
    background-repeat: no-repeat;
    vertical-align: middle;
}
.labeledFieldGroup span {
    font-size: 13px;
    margin-left: 16px;
    background-color: white;
    padding: 0 4px;
    color: #a7a391;
}

form .intField, form .decimalField {
    width: 4em;
    text-align: right;
}
form .decimalField {
    width: 5em;
}
form .dateField {
    width: 8em;
}
form .timeField {
    width: 5em;
}

form .required > th > label:before, label.required:before {
    content: '*';
    color: orange;
    font-family: Courier New, monospace;
    margin-right: 4px;
}
.selectOneRadio label {
	padding-left: 2px;
}
.selectManyCheckboxes, .selectOneRadio {
    max-height: 320px;
    width: 24em;
    border: 1px solid silver;
    border-radius: 6px;
    overflow: auto;
    font-size: small;
    float: left;
}
.selectManyCheckboxes + button {
    float: left;
    margin-left: 4px;
}
.selectManyCheckboxes label, .selectOneRadio label {
	line-height: 20px;
    display: block;
    border: 1px solid white;
    border-bottom: 1px solid #F0F0F0;
    border-radius: 6px;
}
.selectManyCheckboxes label:hover, .selectOneRadio label:hover {
    border: 1px solid lightgreen;
}
.selectManyCheckboxes input[type="checkbox"], .selectOneRadio input[type="radio"] {
    margin-right: 4px;
    vertical-align: -2px;
}
.selectManyCheckboxes label.selected, .selectOneRadio label.selected {
    background-color: #FFFFE0;
}

div.images img {
    border: 1px solid black;
    margin: 2px 8px;
}
#imageFullSize {
    border: 1px solid black;
}

.fieldDescription {
    color: gray;
    font-size: small;
    margin-left: 0.5em;
}

form .timeField {
    width: 5em;
}

.delimiter {
    text-align: center !important;
    margin: 12px 32px 6px 32px;
    font-size: small;
    color: green;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #D2E6C7;
    height: 0;
}
.delimiter > legend {
	text-align: center;
	padding: 0 12px;
}
.htmlDescription {
	text-align: center;
	color: gray;
}

.formSpacer {
    height: 0.4em;
    line-height: 0.4em;
}

#contentBlock {
    padding: 1px 10px 1em 10px;
    background-color: #FFFFFF;
    min-height: 450px;
    /* overflow-x: auto; this causes page flickering in FF 3.6 */
}

.formFieldAppendix {
    font-size: small;
    margin-left: 0.4em;
}

.longText {
    padding: 2px 4px;
    max-height: 8em;
    max-width: 40em;
    overflow: auto;
    border: 1px solid silver;
    font-size: small;
    min-height: 0.75em;
}

.autoCompletedField {
    background-image: url('../images/autocompleted.png');
    background-position: right;
    background-repeat: no-repeat;
}

.centered {
    text-align: center;
}

.popupTitle {
    display: none;
}

.popup .commandList, .popup .breadcrumbs {
    display: none;
}

.popup #contentBlock {
    min-height:0;
}
.popup {
    padding: 4px !important;
    overflow: auto;
}

.popupAnchor {
    background: transparent url('../images/popupAnchor.png') no-repeat scroll right center;
    padding-right: 16px;
}

.infoNote {
    background-image: url('../images/notes/infoNote.png');
}
.warningNote {
    background-image: url('../images/notes/warningNote.png');
}
.infoNote, .warningNote {
    padding: 3px 4px 0px 24px;
    background-repeat: no-repeat;
    background-position: 4px center;
    min-height: 20px;
    background-color: #FFFFF0;
    border: 1px solid #F0F0E0;
    display: inline-block;
}
.popup .infoNote, .popup .warningNote {
    display: none;
}

.formField {
    margin-top: 0.25em;
}

.formField label {
    margin-bottom: 2px;
    font-size: small;
    color: #808080;
    display: inline-block;
}

.formField label:after {
    content: ':';
}

.popupToMainWindow {
    float: right;
    margin: 8px;
}
.popupToMainWindow img {
    margin: 0;
}

/*------------------------------------------------------*/
/*- Admin menu                                         -*/
/*------------------------------------------------------*/

.menu {
    padding-top: 4px;
}
.menu ul {
    position: absolute;
    z-index: 100;
    margin-top: 4px;
    width: 12em;
    margin: 2px 0 0;
    padding: 0 2px;
    list-style: none;
    display: none;
    border: 1px solid #7B7D68;
    border-top-color: #A2A58A;
    border-bottom: 2px solid #292A34;
    background-color: #F3F3F3;
    -moz-border-radius: 0 9px 9px 9px;
    -webkit-border-radius: 9px;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 9px 9px 9px;
}
.menu li {
    text-align: left;
    margin-top: 0;
    border-top: 1px dashed #C0C6F3;
}
.menu li:first-child {
    border-top-width: 0px;
    padding-top: 6px;
}
.menu li a {
    color: black !important;
    text-decoration: none;
    padding: 4px 2px;
    display: block;
    font-weight: normal;
    padding-left: 12px;
}
.menu div:hover ul {
	display: block;
}
.menu div:hover a:hover {
    color: black;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.menu span {
    cursor: default;
    text-align: center;
    padding: 3px 7px 0 7px;
    line-height: 18px;
    /* font-size: 14px; */
    border: 1px solid transparent;
}

.menu div {
    float: left;
    padding-top: 1px;
    margin: 5px 4px 0;
}
.menu div:hover span {
    border: 1px solid silver;
    border-left: 1px solid #7B7D68;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 1px;
    position: relative;
    top: 1px;
    background-color: #F3F3F3;
    z-index: 101;
}
.menu a img {
    text-align: bottom;
    margin-right: 8px;
}
.menuItemSeparator {
    border-top: 2px solid #D0D0D0 !important;
}

#headerBlock {
    border-bottom: 1px solid #E0E0E0;
    height: 1.9em;
    /* background-image: url(../images/menu-bg-admin.png);
    background-repeat: repeat-x; */
    background-color: #F0F0F0;
    padding: 0 6px;
}

/*------------------------------------------------------*/
/*- Crossroads                                         -*/
/*------------------------------------------------------*/

.crossroads {
    padding-top: 1px;
    margin: 0 !important;
    position: relative;
}
.crossroads ul {
    position: absolute;
    z-index: 100;
    margin-top: 4px;
    width: 12em;
    margin: 2px 0 0;
    padding: 0 2px;
    right: 0;
    list-style: none;
    display: none;
    border: 1px solid #E0E0E0;
    border-top-width: 0;
    border-bottom: 2px solid rgb(253, 156, 50);
    border-radius: 0 0 9px 9px;
    background-color: #F3F3F3;
}
.crossroads li {
    text-align: left;
}
.crossroads img {
	padding-top: 2px;
}
.crossroads:hover img {
	padding-top: 4px;
}
.crossroads:hover ul {
	display: block;
}
.crossroads li:first-child {
    border-top-width: 0px;
    padding-top: 6px;
} 
.crossroads li {
    display: block;
    border-top: 1px dashed #C0C6F3;
    margin-top: 0;
}
.crossroads li a {
    color: black !important;
    text-decoration: none;
    padding: 4px 2px;
    display: block;
    font-weight: normal;
    padding-left: 12px;
}
.crossroads:hover a:hover {
    color: #606060;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.crossroads a img {
    text-align: bottom;
    margin-right: 8px;
}

.crossroads li.currentSpace a {
	background-image: url(../images/currentSpace-bg.png); 
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

/*------------------------------------------------------*/
/*- Simple user and org menu                           -*/
/*------------------------------------------------------*/

.simpleMenu div {
    float: left;
    border-width: 0px;
    margin: 0.3em 4px 0 4px;
    padding: 4px 8px 2px 8px;
}

.simpleMenu div.activeMenuTab {
    background-color: white;
    border: 1px solid silver;
    border-bottom-width: 0px;

    -moz-border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-radius: 9px 9px 0 0;
    position: relative;
    top: 1px;
}

.menuRightSide {
    float: right;
}
.menuRightSide div {
    float: right;
    border-width: 0px;
    margin: 3px 4px 0 4px;
    padding: 6px 8px 2px 8px;
    height: 1.22em;
}

/*------------------------------------------------------*/
/*-                                                    -*/
/*------------------------------------------------------*/

.pagination {
    margin: 2px 0 3px 4px;
    font-size: small;
}
.pagination a, .pagination strong, .pagination .inactiveLink {
    padding-right: 4px;
    padding-left: 4px;
}
.pagination strong {
    border: 1px solid orange;
}

.footerBlock {
    /* background-image: url(../images/menu-bg.png);
    background-repeat: repeat-x; */
    border-top: 1px solid #C0C0C0;
    height: 1.8em;
    padding-top: 5px;
    color: #808080;
    font-size: small;
    text-align: center;
}

.hidden {
    display: none;
}

.textWithAction {
    cursor: pointer;
}

.cancelledRegRow {
    background-image: url(../images/cancelledRow-bg.png);
}

/*------------------------------------------------------*/
/*- Seminar wizard                                     -*/
/*------------------------------------------------------*/

.wizardStepIndicator {
    float: right;
    border: 1px solid silver;
    font-size: small;
    padding-right: 1em;
    margin-right: 0em;
    border-radius: 9px;
    margin-top: -45px;
    background-color: white;
}
.wizardStepIndicator p {
    font-weight: bold;
    text-align: center;
    margin-left: 1em;
}

.wizardStepIndicator .notReachedStep {
    color: silver;
}

.languageName {
    font-size: small;
}

.description {
    font-size: small;
    font-weight: normal;
}

.wizardEntityList {
    font-size: small;
}

.tooltip {
    display: none;
}
.hasTooltip {
    cursor: default;
}

.programTypeBatchTable {
    border-spacing: 0px;
    border-collapse: collapse;
}
.programTypeBatchTable thead th {
    font-weight: normal;
}
.programTypeBatchTable tbody th {
    font-weight: normal;
    text-align: right;
    padding-right: 4px;
}
.programTypeBatchTable tbody td {
    border: 1px solid silver;
    padding: 3px;
}

#wizardButtonsBlock {
    background-color: #FFFFFF;
    padding: 0px 0px 8px 12px;
}
#wizardButtonsBlock div {
    display: inline-block;
    margin-right: 8px;
}
.nextButtonMargin {
    background-color: lightgreen;
    -moz-border-radius: 7px;
    border: 1px solid green;
    padding: 1px;
}
.restartButtonMargin {
    padding: 1px;
}
.restartButtonMargin:hover {
    background-color: red;
}

.pricesTable {
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 12px 18px;
}
.pricesTable thead th {
    font-weight: normal;
    padding: 2px 4px;
    font-size: small;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
.pricesTable tbody th {
    font-weight: normal;
    text-align: right;
    padding-right: 4px;
    font-size: small;
    border-right: 1px solid silver;
}
.pricesTable tbody td {
    border-right: 1px solid silver;
    text-align: right;
    padding: 2px 4px;
}
.pricesTable .oddRow {
    background-color: #F8F8F8;
}

.discountList > li {
    list-style-type: none;
    margin-top: 24px;
}
.discountList > li:first-child {
    margin-top: 0;
}
.discountList > li > label {
    margin-left: -27px;
}

.messagesRollerUp, .messagesRollerDown {
    float: right;
    position: relative;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: -16px;
    right: 4px;
}
.messagesRollerUp {
    background-image: url(../images/rollUp.png);
}
.messagesRollerDown {
    background-image: url(../images/rollDown.png);
}

/*------------------------------------------------------*/
/*- JQuery UI                                          -*/
/*------------------------------------------------------*/

.ui-dialog-content h1 {
    display: none;
}

.ui-widget {
    font-size: 1em;
    font-family: inherit;
}

/* JQuery Datepicker */

.ui-datepicker th {
    padding: 1px 2px !important;
}
.ui-datepicker table {
    font-size: 8pt !important;
}
.ui-datepicker {
    width: 12em !important;
}
.ui-datepicker-prev, .ui-datepicker-next {
    height: 1.3em !important;
}
.ui-datepicker-title {
    line-height: 1.2em !important;
}

.ui-dialog-titlebar ol.breadcrumbs {
    margin: 0;
}
.ui-dialog-titlebar ol.breadcrumbs li.lastItem {
    color: black;
}

/* JQuery tooltip styling */

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    font-size: small;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    max-width: 32em;
    /* opacity: 0.85; */
}
#tooltip h3, #tooltip div {
    margin: 0;
}


.dateTime {
    font-size: small;
}

body .ui-widget-header {
    background-image: none;
    background-color: #eff3ec;
    border: 1px solid #9db092;
}

body .ui-widget-content {
    border: 1px solid #39800f;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit !important;
    font-size: 10pt;
}

.ui-dialog-title {
    font-size: small;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.5em 26px 0.5em 0.5em;
}
.ui-dialog-title img {
    margin-right: 8px;
    vertical-align: bottom;
}

.ui-widget-overlay {
    position: fixed;
}

/* UI multiselect - make its right edge more visible - it's a resize handle */
.ui-jqgrid {
    border-right: 1px dotted black;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    color: black;
    font-size: small;
    font-weight: bold;
}

/*------------------------------------------------------*/
/*- Registration wizard                                -*/
/*------------------------------------------------------*/

.batchCategories {
    padding-left: 0px;
}

.batchCategories li {
    display: inline-block;
    margin: 0 0 24px 8px;
    border: 1px solid silver;
    padding: 2px 4px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}
.batchCategories div {
    float: left;
}
.batchCategories input {
    vertical-align: middle;
    margin: 8px;
}

.batchDateTimes {
    font-size: small;
    margin-left: 1em;
}

.categoryTable {
    font-size: small;
}
.categoryTable tr > th {
    text-align: right;
    color: gray;
    font-weight: normal;
}
.categoryTable tr:first-child td {
    font-weight: bold;
}

.paymentTypeBody {
    display: none;
}

.batchProgramTypeList > li > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 3em;
}

.batchProgramTypeList > li > div > em {
    line-height: 1.8;
}

.batchProgramTypeList > li > div > label {
    font-size: small;
}

.batchPrice {
    /* font-weight: bold; */
    background-color: #F8F8E0;
    padding: 2px 4px;
    border: 1px solid #E0E0D0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

.batchNameAndDates {
    padding: 3px 8px;
}

.batchPriceList li {
    margin-bottom: 16px;
}

.registrationPrice {
    background-color: #F8F8E0;
    padding: 2px 4px;
    border: 1px solid #E0E0D0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

/*------------------------------------------------------*/
/*- Weekend seminar registration wizard                -*/
/*------------------------------------------------------*/

.seminarChoiceList > li {
    margin-top: 1em;
}

.seminarChoiceList > li.international {
    list-style-image: url('../images/international.png');
}
.seminarChoiceList li.international li {
    list-style-image: none;
}

.mealTable {
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 12px 18px;
}
.mealTable thead th {
    font-weight: normal;
    padding: 2px 4px;
    font-size: small;
    border: 1px solid silver;
    cursor: default;
}
.mealTable thead tr.mealNames th {
    font-weight: normal;
    padding: 2px 4px;
    font-size: small;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
}
.mealTable tbody th {
    font-weight: normal;
    text-align: right;
    padding-right: 4px;
    font-size: small;
    border-right: 1px solid silver;
}
.mealTable tbody td {
    border: 1px solid silver;
    text-align: right;
    padding: 2px;
    width: 1em;
}
.mealTable tbody td.empty {
    border-width: 0;
}
.mealTable .daySeparator {
    border-right: 1px solid black !important;
}

.mealPriceList {
    display: inline-block;
    vertical-align: top;
    margin-top: 1em;
    font-size: small;
}

/*------------------------------------------------------*/
/*- Documentation and info page                        -*/
/*------------------------------------------------------*/

.documentationPage, .infoPage {
    counter-reset: chapter;
    margin-left: 1.5em;
}
.documentationPage H1:before {
    content: counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
}
.documentationPage H1, .infoPage h1 {
    text-align: center;
    counter-reset: section;
    font-family: Verdana;
}
.documentationPage H2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}
.documentationPage H2, .infoPage h2 {
    counter-reset: subsection;
    padding: inherit;
    background-image: none;
    font-size: 120%;
    font-family: Verdana;
}
.documentationPage H3:before {
    content: counter(chapter) "." counter(section) "." counter(subsection) " ";
    counter-increment: subsection;
}
.documentationPage H3, .infoPage h3 {
    font-size: 100%;
    font-family: Verdana;
}
.documentationPage H2, .documentationPage H3, .infoPage h2, .infoPage h3 {
    margin-left: -1em;
}

.documentationPage H4, .infoPage h4 {
    font-family: Verdana;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
    font-weight: bold;
    font-size: small;
}

.docFixme {
    border: 1px solid #A08080;
    background-color: #FFFFF0;
    min-height: 18px;
    padding: 3px 6px 3px 32px;
    background-image: url('../images/documentation/fixme.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    vertical-align: middle;
}

.docTip {
    border: 1px solid #30A030;
    background-color: #FFFFF0;
    min-height: 18px;
    padding: 3px 6px 3px 32px;
    background-image: url('../images/documentation/tip.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    vertical-align: middle;
}

/*------------------------------------------------------*/
/*- My Registrations                                   -*/
/*------------------------------------------------------*/

.regIsCancelled {
    color: red;
    background-color: yellow;
}

li.cancelledReg a {
    text-decoration: line-through;
}

.registrationList li {
    margin-bottom: 0.5em;
}


.viSeminarBillTable {
    border-spacing: 0px;
    margin-bottom: 8px;
    border-collapse: collapse;
}
.viSeminarBillTable thead th {
    border-bottom: 1px solid #898471;
    border-right: 1px solid #898471;
    border-left: 1px solid white;
    text-align: center;
    padding: 2px 4px 2px 4px;
    white-space: nowrap;
    background-color: #e9e6d5;
    background-image: url('../images/th-bg.png');
    background-repeat: repeat-x;
    font-weight: normal;
    font-size: small;
    cursor: default;
}
.viSeminarBillTable thead th:first-child {
    border-left: 1px solid #898471;
}
.viSeminarBillTable tbody td {
    border: 1px solid #acac77;
    border-width: 0px 1px 1px 0px;
    padding: 2px 4px 2px 4px;
    text-align: center;
    white-space: nowrap;
}
.viSeminarBillTable tbody td:first-child {
    border-left-width: 1px;
}
.viSeminarBillTable tbody td.textRight {
    text-align: right;
}
.viSeminarBillTable tbody td.textLeft {
    text-align: left;
}
.viSeminarBillTable tfoot th {
    border: 1px solid #acac77;
    background-color: #F8F8E0;
    font-weight: normal;
}
.viSeminarBillTable .rowTitle {
    font-size: small;
    text-align: right;
}
.viSeminarBillTable caption {
    margin-bottom: 4px;
    font-style: italic;
    text-align: left;
    font-weight: bold;
}
.viSeminarBillTable .instructorBlockSeparator td {
    border-top: 3px ridge silver;
}

.accomodationTable input[type="text"] {
    width: 8em;
}

.icorrectPayment {
    color: red;
}

.entityInfo {
    float: right;
}

.returnBack {
    cursor: pointer;
    margin-top: 7px;
    margin-right: 12px;
}

.keyReturnedMark {
    text-decoration: line-through;
}

#strilkyPictureFrame {
    float: left;
    width: 233px;
    height: 350px;
    position: relative;
}
#strilkyPictureFrame img {
    position: absolute;
    left: 0;
    top: 0;
}

.quickSearchField {
    margin-bottom: 0.5em;
}
.quickSearchField input[type="text"] {
    width: 36em;
}

.personalDataAgreementBlock {
    font-size: small;
}

ol.breadcrumbs {
    list-style-type: none;
    height: 1.4em;
    padding-left: 1em;
    margin: 8px 0;
    font-size: small;
    color: #389039;
}
ol.breadcrumbs > li {
    float: left;
    margin-right: 0.4em;
    padding-bottom: 4px;
}
ol.breadcrumbs > li:before {
    content: '\00bb'; /* http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/ */
    margin-right: 0.4em;
}
ol.breadcrumbs > li > ol {
    display: none;
    position: absolute;
    margin-top: -1px;
    background-color: #FFFFE0;
    border: 2px ridge #FFFFE0;
    list-style-type: none;
    padding: 2px 1em 4px 1em;
    margin: 0;
    line-height: 1.6em;
}
ol.breadcrumbs > li:hover > ol {
    display: block;
}

/* Seminar from the admin welcome page that is just running */
.currentSeminarItem {
    font-weight: bold;
}

/* Seminar name field has to be longer than ordinary field. */
html body .seminarNameField {
    width: 42em;
}

.primaryAction {
    font-weight: bold;
}

.entityList {
    font-size: small;
}

.tableItemCount {
    font-size: small;
}

.radioButtonList .batchList, .radioButtonList .programTypeList, .radioButtonList .accommodationTypeList {
    display: none;
}

.radioButtonList li {
    list-style-type: none;
}

.okCancelButtonBlock {
    text-align: center;
    border-top: 4px solid #F0F0F0;
    padding-top: 8px;
}

.orgSeminarList > li {
    margin-top: 1em;
}
.orgSeminarList > li > ul {
    margin-top: 0.5em;
    font-size: small;
}
.orgSeminarList .currentSeminar, .orgSeminarList .currentSeminar .description {
    font-weight: bold;
}

.emphasized {
    font-style: italic;
}

.readOnlyDiscountList > li {
    margin-top: 1em;
}
.readOnlyDiscountList > li:first-child {
    margin-top: 0;
}

.commandInTable {
    font-size: small;
}

.paymentDeadline-far {
    font-weight: bold;
    color: green;
}
.paymentDeadline-close {
    font-weight: bold;
    color: darkorange;
}
.paymentDeadline-today {
    font-weight: bold;
    color: red;
}

.contactList ul > li {
    font-size: small;
}

.sortableList { width: 60%; cursor: move }
.sortableList li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; }
.sortableList li span { position: absolute; margin-left: -1.3em; }
.sortableList input { display: none; }

input[readonly="readonly"] {
    border-width: 0;
}

#page {
    position: relative;
}
#google_translate_element {
    position: absolute;
    border-radius: 0 0 9px 9px;
    padding: 4px 12px;
    border: 0px solid black;
    top: -4px;
    right: 30px;
    width: 250px;
    text-align: center;
}
#google_translate_element > div > div {
    background-color: white;
    border-radius: 0 0 0 7px;
}

.paymentPlaceList > li {
    list-style-type: none;
}
.paymentPlaceList > li > label {
    font-weight: bold;
    font-size: small;
    margin: 8px 0 8px -18px;
    display: block;
}

.accRoom-enoughSpace, .accRoom-almostFull, .accRoom-full, .accRoom-crowded {
    padding-left: 1em;
    margin-left: 1em;
    border-left: 4px solid white;
}
.accRoom-enoughSpace { border-color: green }
.accRoom-almostFull { border-color: orange }
.accRoom-full { border-color: black }

@-webkit-keyframes blink-crowded { 50% { border-left-color: white; } }
@-moz-keyframes blink-crowded { 50% { border-left-color: white; } }
@keyframes blink-crowded { 50% { border-left-color: white; } }
.accRoom-crowded {
	border-left-color: red;
	-webkit-animation: blink-crowded .4s step-end infinite alternate;
	-moz-animation: blink-crowded .4s step-end infinite alternate;
	animation: blink-crowded .4s step-end infinite alternate;
}


#ui-datepicker-div { display: none; }

.registrationList-valid {
	border-left: 2px solid green; padding-left: 4px;
}
.registrationList-unconfirmed {
	border-left: 2px solid orange; padding-left: 4px;
}
.registrationList-cancelled {
	border-left: 2px solid red; padding-left: 4px;
}

.ui-combobox {
  position: relative;
  display: inline-block;
}
.ui-combobox-toggle {
	margin-top: -1px;
	padding: 0;
	height: 18px;
	width: 20px;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;
}
.ui-combobox-input {
}

.ui-autocomplete {
    max-height: 300px;
    overflow: auto;
    font-size: small;
}
.ui-autocomplete-input+button {
	height: 1.5em;
	width: 1.5em;
	vertical-align: -5px;
}

.languageList {
	float: right;
	list-style-type: none;
	font-size: small;
	text-align: right;
}
.languageList img {
	vertical-align: middle;
	margin-left: 4px;
}

tr.selectedRow {
	background-color: lightyellow;
}

.roomUsageTable {
	table-layout: fixed;
}
.roomUsageTable th {
	width: 120px;
}
.roomUsageTable td.unused {
	width: 60px;
}

.roomUsageTable td.unused {
	background-color: rgb(230, 230, 230);
}
